<demo>
## 各种大小（全局）
不同的尺寸供你选择
</demo>

<!-- #region snippet -->
<script setup>
import { Loading } from '@/components'

defineOptions({
  name: 'GlobalSize',
})

function handleShow(option = {}) {
  Loading(option)

  setTimeout(() => {
    Loading.destroy()
  }, 2000)
}
</script>

<template>
  <a-space>
    <a-button
      type="primary"
      @click="handleShow({ size: 'large' })"
    >
      大尺寸
    </a-button>
    <a-button
      type="primary"
      @click="handleShow()"
    >
      默认尺寸
    </a-button>
    <a-button
      type="primary"
      @click="handleShow({ size: 'small' })"
    >
      小尺寸
    </a-button>
  </a-space>
</template>

<style lang="less" scoped></style>
<!-- #endregion snippet -->
